import 'package:flutter/material.dart';
import 'my_table_index.dart';

class MyIndex extends StatefulWidget {
  @override
  _MyIndexState createState() => _MyIndexState();
}

class _MyIndexState extends State<MyIndex> {
  @override
  Widget build(BuildContext context) {
    return Container(
      //width: double.infinity,
      //height: double.infinity,
      color: Colors.white,
      child: Column(
        children: [
          Stack(
            children: [
              Container(
                width: double.infinity,
                height: 200,
                //color: Colors.orange,
                // decoration: BoxDecoration(color: Colors.green),
              ),
              Container(
                width: double.infinity,
                height: 135,
                decoration: BoxDecoration(
                  image: DecorationImage(
                      image: NetworkImage(
                          "http://rec6p45ah.hn-bkt.clouddn.com/5656.jpg"),
                      fit: BoxFit.cover),
                ),
              ),
              Positioned(
                bottom: 10,
                left: 10,
                child: Container(
                  width: 80,
                  height: 80,
                  alignment: Alignment.center,
                  child: Icon(
                    Icons.camera_alt_rounded,
                    color: Colors.black,
                    size: 30,
                  ),
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(80),
                    color: Color.fromARGB(246, 246, 246, 246),
                  ),
                ),
              ),
              Positioned(
                bottom: 12,
                right: 30,
                child: Row(
                  children: [
                    SizedBox(
                      width: 30,
                    ),
                    Column(
                      children: [
                        Stack(
                          alignment: Alignment.center,
                          children: [
                            Container(
                              width: 50,
                              height: 50,
                              //color: Colors.orange,
                            ),
                            Padding(
                              padding: EdgeInsets.only(top: 34),
                              child: Container(
                                alignment: Alignment.center,
                                width: 35,
                                height: 20,
                                //color: Colors.green,
                                child: Text(
                                  "1.6亿",
                                  style: TextStyle(
                                      color: Colors.black,
                                      fontSize: 14,fontWeight: FontWeight.w600),
                                ),
                              ),
                            ),
                            Positioned(
                                right: 3,
                                bottom: 15,
                                child: Container(
                                  alignment: Alignment.center,
                                  width: 35,
                                  height: 15,
                                  child: Text(
                                    "+1.2w",
                                    style: TextStyle(fontSize: 10),
                                  ),
                                  decoration: BoxDecoration(
                                      borderRadius: BorderRadius.circular(15),
                                      color: Colors.red),
                                )),
                          ],
                        ),
                        Container(
                          alignment: Alignment.center,
                          width: 40,
                          height: 20,
                          //color: Colors.green,
                          child: Text("粉丝",
                              style: TextStyle(color: Colors.black26,fontSize: 14)),
                        ),
                      ],
                    ),
                    SizedBox(
                      width: 30,
                    ),
                    Column(
                      children: [
                        Stack(
                          alignment: Alignment.center,
                          children: [
                            Container(
                              width: 50,
                              height: 50,
                              //color: Colors.orange,
                            ),
                            Padding(
                              padding: EdgeInsets.only(top: 34),
                              child: Container(
                                alignment: Alignment.center,
                                width: 35,
                                height: 20,
                                //color: Colors.green,
                                child: Text(
                                  "1",
                                  style: TextStyle(
                                      color: Colors.black,
                                      fontSize: 14,fontWeight: FontWeight.w600),
                                ),
                              ),
                            ),
                          ],
                        ),
                        Container(
                          alignment: Alignment.center,
                          width: 40,
                          height: 20,
                          //color: Colors.green,
                          child: Text("关注",
                              style: TextStyle(color: Colors.black26,fontSize: 14)),
                        ),
                      ],
                    ),
                    SizedBox(
                      width: 30,
                    ),
                    Column(
                      children: [
                        Stack(
                          alignment: Alignment.center,
                          children: [
                            Container(
                              width: 50,
                              height: 50,
                              //color: Colors.orange,
                            ),
                            Padding(
                              padding: EdgeInsets.only(top: 34),
                              child: Container(
                                alignment: Alignment.center,
                                width: 35,
                                height: 20,
                                //color: Colors.green,
                                child: Text(
                                  "25亿",
                                  style: TextStyle(
                                      color: Colors.black,
                                      fontSize: 14,fontWeight: FontWeight.w600),
                                ),
                              ),
                            ),
                            Positioned(
                                right: 1,
                                bottom: 15,
                                child: Container(
                                  alignment: Alignment.center,
                                  width: 35,
                                  height: 15,
                                  child: Text(
                                    "+69w",
                                    style: TextStyle(fontSize: 10),
                                  ),
                                  decoration: BoxDecoration(
                                      borderRadius: BorderRadius.circular(15),
                                      color: Colors.red),
                                )),
                          ],
                        ),
                        Container(
                          alignment: Alignment.center,
                          width: 40,
                          height: 20,
                          //color: Colors.green,
                          child: Text("获赞",
                              style: TextStyle(color: Colors.black26,fontSize: 14)),
                        ),
                      ],
                    ),

                  ],
                ),
              )
            ],
          ),
          Column(
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              SizedBox(
                height: 0,
              ),
              Row(
                children: [
                  SizedBox(
                    width: 10,
                  ),
                  Text(
                    "英名是浮云",
                    style: TextStyle(
                        fontSize: 18,
                        fontWeight: FontWeight.w700,
                        color: Color.fromRGBO(2, 2, 2, 1)),
                  ),
                ],
              ),
              Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.start,
                children: [
                  SizedBox(
                    width: 10,
                    height: 1,
                  ),
                  Text(
                    "用户 ID     2906534288",
                    style: TextStyle(color: Color.fromRGBO(69, 69, 69, 1),fontSize: 10),
                  ),
                  SizedBox(
                    width: 10,
                  ),
                  // Text(
                  //   "2906534288",
                  //   style: TextStyle(color: Color.fromRGBO(69, 69, 69, 1),fontSize: 10),
                  // ),
                  // SizedBox(
                  //   width: 10,
                  // ),
                  Container(
                    alignment: Alignment.center,
                    width: 60,
                    height: 16,
                    decoration:
                        BoxDecoration(color: Color.fromRGBO(253, 236, 242, 1)),
                    child: Text(
                      "升级为快手号",
                      style: TextStyle(
                          color: Colors.deepOrangeAccent, fontSize: 8),
                    ),
                  ),
                ],
              ),
              Padding(
                padding: EdgeInsets.only(left: 10, top: 3),
                child: Container(
                  child: Text(
                    "点击添加介绍，让大家了解你",
                    style: TextStyle(fontSize: 12, color: Color.fromRGBO(6, 6, 6, 1)),
                  ),
                ),
              ),
              SizedBox(
                height: 7,
              ),
              Row(
                children: [
                  SizedBox(
                    width: 10,
                  ),
                  Container(
                    width: 40,
                    height: 16,
                    decoration: BoxDecoration(
                        color: Color.fromRGBO(246, 246, 246, 1),
                        borderRadius: BorderRadius.circular(2)),
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.center,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: [
                        Image.network(
                          "http://rec6p45ah.hn-bkt.clouddn.com/nan.jpg",
                          width: 8,
                          height: 8,
                        ),
                        SizedBox(
                          width: 5,
                        ),
                        Text(
                          "男",
                          style: TextStyle(fontSize: 10, color: Color.fromRGBO(30, 30, 30, 1),),
                        )
                      ],
                    ),
                  ),
                  SizedBox(
                    width: 6,
                  ),
                  Container(
                    width: 80,
                    height: 16,
                    alignment: Alignment.center,
                    decoration: BoxDecoration(
                        color: Color.fromRGBO(246, 246, 246, 1),
                        borderRadius: BorderRadius.circular(2)),
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.center,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: [
                        Icon(
                          Icons.add,
                          size: 10,
                          color: Color.fromRGBO(30, 30, 30, 1),
                        ),
                        SizedBox(
                          width: 2,
                        ),
                        Text(
                          "添加年龄标签",
                          style: TextStyle(fontSize: 10,color: Color.fromRGBO(30, 30, 30, 1)),
                        )
                      ],
                    ),
                  ),
                  SizedBox(
                    width: 10,
                  ),
                  Container(
                    width: 40,
                    height: 16,
                    decoration: BoxDecoration(
                        color: Color.fromRGBO(246, 246, 246, 1),
                        borderRadius: BorderRadius.circular(2)),
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        SizedBox(
                          width: 3,
                        ),
                        Text(
                          "广东",
                          style: TextStyle(fontSize: 10, color:  Color.fromRGBO(30, 30, 30, 1)),
                        ),
                        SizedBox(
                          width: 3,
                        ),
                        Text(
                          ">",
                          style: TextStyle(fontSize: 10, color:  Color.fromRGBO(30, 30, 30, 1)),
                        )
                      ],
                    ),
                  ),
                ],
              ),
              SizedBox(
                height: 10,
              ),
              Row(
                children: [
                  SizedBox(
                    width: 10,
                  ),
                  Row(
                    children: [
                      Container(
                        alignment: Alignment.center,
                        width: 35,
                        height: 35,
                        decoration: BoxDecoration(
                            color: Color.fromRGBO(240, 240, 240, 1),
                            borderRadius: BorderRadius.circular(35)),
                        child: Icon(
                          Icons.account_circle,
                          size: 25,
                          color: Color.fromRGBO(18, 18, 18, 1),
                        ),
                      ),
                      SizedBox(
                        width: 10,
                      ),
                      Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Text(
                            "我的群聊",
                            style: TextStyle(
                                fontSize: 14,
                                color: Color.fromRGBO(17, 17, 17, 1)),
                          ),
                          Text(
                            "添加群聊",
                            style: TextStyle(
                                fontSize: 10,
                                color: Color.fromRGBO(93, 93, 93, 1)),
                          )
                        ],
                      ),
                    ],
                  ),
                  SizedBox(
                    width: 20,
                  ),
                  Row(
                    children: [
                      Container(
                        alignment: Alignment.center,
                        width: 35,
                        height: 35,
                        decoration: BoxDecoration(
                            color: Color.fromRGBO(240, 240, 240, 1),
                            borderRadius: BorderRadius.circular(35)),
                        child: Icon(
                          Icons.shopping_cart_outlined,
                          size: 25,
                          color: Color.fromRGBO(18, 18, 18, 1),
                        ),
                      ),
                      SizedBox(
                        width: 10,
                      ),
                      Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Text(
                            "我的小店",
                            style: TextStyle(
                                fontSize: 14,
                                color: Color.fromRGBO(17, 17, 17, 1)),
                          ),
                          Text(
                            "超多性价比好物",
                            style: TextStyle(
                                fontSize: 10,
                                color: Color.fromRGBO(93, 93, 93, 1)),
                          )
                        ],
                      ),
                    ],
                  ),
                ],
              ),
              SizedBox(
                height: 10,
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: [
                  Container(
                    alignment: Alignment.center,
                    width: 160,
                    height: 35,
                    child: Text(
                      "完善资料30%",
                      style: TextStyle(
                          fontSize: 14, color: Color.fromRGBO(6, 6, 6, 1),fontWeight: FontWeight.w500,),
                    ),
                    decoration: BoxDecoration(
                        color: Color.fromRGBO(240, 240, 240, 1),
                        borderRadius: BorderRadius.circular(35)),
                  ),
                  Container(
                    alignment: Alignment.center,
                    width: 160,
                    height: 35,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        Text(
                          "添加朋友%",
                          style: TextStyle(
                            fontSize: 14,
                            fontWeight: FontWeight.w500,
                            color: Color.fromRGBO(6, 6, 6, 1),
                          ),
                        ),
                        SizedBox(width: 3,),
                        Container(
                          alignment: Alignment.center,
                          width: 16,
                          height: 16,
                          decoration: BoxDecoration(
                              color: Color.fromRGBO(231, 73, 106, 0.8),borderRadius: BorderRadius.circular(16)),

                          child: Text("3"),
                        )
                      ],
                    ),
                    decoration: BoxDecoration(
                        color: Color.fromRGBO(240, 240, 240, 1),
                        borderRadius: BorderRadius.circular(42)),
                  ),
                ],
              ),
              SizedBox(
                height: 10,
              ),
            ],
          ),
        ],
      ),
    );
  }
}
